import React from "react";
import MyUl from "@/components/ui/ul";
import { uniqueId } from "lodash";

import "../../index.less";

export const ServerDeployment: React.FC = () => {
  const items = [
    { id: uniqueId(), text: "将前端项目通过build命令打包" },
    { id: uniqueId(), text: "将打好的文件夹通过ftp工具上传至服务器" },
    { id: uniqueId(), text: "重启nginx" },
  ];
  return (
    <div className="w-[80vw]">
      <h1 className="text-[20px] font-bold text-center mb-6">服务器部署</h1>
      <MyUl items={items} />
    </div>
  );
};
